CC_FW.modules.Collapsible = Backbone.View.extend({
	tagName: 'div',
	label: null,
	content: null,
	attributes:{
		'data-role': 'collapsible'
	},
	initialize: function(options){
		this.label = options.label;
		this.content = options.content;
		this.collapsed = options.collapsed;
		$(this.el).html(null);
	},
	render: function(){
	    this.addMarkupAttributes();
		$(this.el).append(this.makeLabel());
		$(this.el).append(this.makeContent());
		$(this.el).attr('style', 'min-height:43px;');
		return this;
	},
	makeLabel: function(){
		var label = $('<h3></h3>').html(this.label);
		return label;
	},
	makeContent: function(){
		var content = $('<p></p>').html($('<h1></h1>').append(this.content));
		return content;
	},
	addMarkupAttributes: function(){
		$(this.el).attr('data-role', "collapsible");
		$(this.el).attr('data-collapsed', this.collapsed);
		return true;
	}
});
